<template>
  <div>
    <h1> {{a}} + {{b}} 的和 </h1>
    <p> 求和结果为 {{ sum }}</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      a: 1,
      b: 2
    }
  },
  computed: {
    // 在 computed 结构中定义的变量名不能和 data 结构重名 
    sum (){
      return this.a + this.b
    }
  }
}
</script>

<style>

</style>